<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程</title>
</head>
<body>
<a href="#http">跳到百度链接<a/>
<h1>标题</h1>
<font size="6">这是6号字体</font>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<p>段落</p>
<hr/><!--分割线-->
<p>段落</p>
<hr/><!--分割线-->
<p><font size="1">12345<br />67890<br/></font></p>

<p style="color:blue;margin-left:10px;"><b>加粗文本<b/><p/><p style="font-family:arial;font-size:10px;color:green;background-color:gray;text-align:center;" width="100" height="50" ><i>斜体文本居中对齐字体<i/><p/>
<p><em>着重文本<em/><p/><p><strong>加重语气<strong/><ins>插入字<ins/><del>删除<del/><sub>上标<sub/><sup>下标<sup/><address>一个地址<address/><p/>

<br/>
<a id="http" href="https://baidu.com" target="_blank">百度链接</a>
<br/>
<a id="https" href="https://baidu.com" style="color:red;" target="_blank" style="text-decoration:none">没有下划线的链接</a>
<br/>
<img src="/images/logo.png" alt="无效的地址" width="258" height="39" style="float:right"/>
<br/>
<!--这是个播放器-->
<video width="320" height="240" controls>
<source src="move.mp4" type="video/mp4">
<source src="move.ogg" type="video/ogg">
<br/>
<img src="url" alt="加载失败" width="40" height="20">

<table border="1">
<tr>
	<th>水平标题</th>
	<td>1000</td>
	<td>2000</td>
</tr>
<tr>
	<th>垂直标题</th>
	<td>1000</td>
</tr>
<tr>
	<th>垂直标题</th>
	<td>2000</td>
</tr>

</table>

<ol>

	<li>有序里列表</li>
	<li>11111111</li>
	<li>22222222</li>
	
</ol>
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://www.baidu.com" target="iframe_a">在iframe内部加载地址</a></p>

<script>
document.write("插入脚本");
</script>
<kbd>键盘输入</kbd> 
<p id="demo"> 显示一段文本 </p> 
<button onclick="getLocation()">获取定位</button>

<script>
	var x=document.getElementById("demo");
	function getLocation(){
		if(navigator.geolocation){
			navigator.geolocation.getCurrentPosition(showPosition);
		}else{
			x.innerHTML="该浏览器不支持地理位置";
		}
	}
	
	function showPosition(position){
		x.innerHTML="纬度: " + position.coords.latitude + <br/> + "经度: " + position.coords.longtitude;
	}

</script>

</body>
</html>
